home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-11-08  |  16.7 KB  |  1,095 lines
  1. /* body */
  2. body {
  3.     margin: 0 10px;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     font-family: monaco, "Courier New", courier, monospace;
  37.     font-size: 10px;
  38.     }
  39.  
  40.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  41.  
  42. * html code    {
  43.     font-size: 101%; 
  44.     }
  45.  
  46. * html pre {
  47.     font-size: 101%; 
  48.     }
  49.  
  50. h1 code, h2 code, h3 code, h4 code, th code, ol.faq li code { font-size: 95%; font-weight: normal; }
  51.  
  52. h1    {
  53.     margin: 0 0 15px 0;
  54.     padding: 0;
  55.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  56.     color: #000;
  57.     }
  58.     
  59. h2    {
  60.     margin: 0 0 5px 0;
  61.     padding: 0;
  62.     font-size: 16px;
  63.     color: #000;
  64.     }
  65.     
  66. #header h2 { 
  67.     margin: 0;
  68.     }
  69.     
  70. p + h2 {
  71.     margin: 20px 0 5px 0;
  72.     }
  73.  
  74. ol + h2 {
  75.     margin: 20px 0 5px 0;
  76.     }
  77.  
  78. ul + h2 {
  79.     margin: 20px 0 5px 0;
  80.     }
  81.     
  82. h3    {
  83.     margin: 0;
  84.     padding: 0;
  85.     font-size: 12px;
  86.     color: #000;
  87.     }
  88.  
  89. h3 + table {
  90.     margin: 5px 0 0 0;
  91.     }
  92.     
  93. h4    {
  94.     margin: 0;
  95.     padding: 0;
  96.     font-size: 12px;
  97.     }
  98.     
  99. h3 + h4 {
  100.     margin: 10px 0 0;
  101.     }
  102.     
  103. h6    {
  104.     margin: 0;
  105.     padding: 0;
  106.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  107.     color: #000;
  108.     }
  109.  
  110. p    {
  111.     margin: 0 0 10px 0;
  112.     padding: 0;
  113.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  114.     color: #000;
  115.     }
  116.     
  117. cite {
  118.     font-style: italic;
  119.     }
  120.     
  121. th {
  122.     font-weight: bold;
  123.     text-align: left;
  124.     vertical-align: top;
  125.     }
  126.     
  127. form {
  128.     margin: 0;
  129.     }
  130.     
  131. button {
  132.     margin: 3px 0 10px 0;
  133.     }
  134.     
  135. /* lists */
  136. ul    {
  137.     list-style: square outside;
  138.     margin: 0 0 0 30px;
  139.     padding: 0 0 1em 0;
  140.     }
  141.  
  142. li    {
  143.     margin-top: 3px;
  144.     }
  145.     
  146. ul ul {
  147.     margin-left: 40px;
  148.     }
  149.     
  150. ul.compressed {
  151.     margin-top: -10px;
  152.     }
  153.     
  154. ul.compressed li {
  155.     margin-top: 0;
  156.     }
  157.  
  158. ul.marketing {
  159.     padding-left: 0;
  160.     margin: 0 0 16px 0;
  161.     list-style: none;
  162.     }
  163.     
  164. ul.marketing li    {
  165.     margin-top: 0;
  166.     margin-left: 0;
  167.     margin-bottom: 2px;
  168.     font-size: 10px;
  169.     }
  170.     
  171. ol {
  172.     margin: 0 0 10px 1.5em;
  173.     padding-left: 1.5em;
  174.     }
  175.  
  176. ul.inline, ol.inline, p.inline {
  177.     margin-top: -7px;
  178.     }
  179.     
  180. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  181.     margin-top: 0;
  182.     }
  183.  
  184. ol.faq li {
  185.     font-weight: bold;
  186.     }
  187.     
  188. ol.steps li {
  189.     font-weight: bold;
  190.     }
  191.     
  192. ul.nav {
  193.     margin: 8px 0 0;
  194.     padding: 0;
  195.     list-style-type: none;
  196.     }
  197.  
  198. ul.nav li {
  199.     margin-top: 4px;
  200.     padding-left: 0;
  201.     }
  202.     
  203. ul.nobullet {
  204.     list-style-type: none;
  205.     margin-left: 0;
  206.     padding-left: 0;
  207.     }
  208.     
  209. ul.nobullet li {
  210.     margin: 3px 0 5px;
  211.     padding-left: 0;
  212.     }
  213.     
  214. /* images */
  215. .leftinline {
  216.     margin: 0 10px 5px 0;
  217.     float: left;
  218.     }
  219.  
  220. .rightinline {
  221.     margin: 0 0 5px 10px;
  222.     float: right;
  223.     }
  224.  
  225.  
  226. /* tables */
  227. .bumblebee {
  228.     border-top: 1px solid #919699;
  229.     border-left: 1px solid #919699;
  230.     border-right: 1px solid #919699;
  231.     }
  232.  
  233. .bumblebee td {
  234.     padding: 10px;
  235.     font-size: 10px;
  236.     }
  237.     
  238. .bumblebee th {
  239.     padding: 6px 10px;
  240.     font-size: 10px;
  241.     }
  242.     
  243. .bumblebee th a {
  244.     color: #FFF;
  245.     }
  246.     
  247. .bumblebee th a:link {
  248.     color: #FFF;
  249.     }
  250.  
  251. .bumblebee th a:visited {
  252.     color: #FFF;
  253.     }
  254.  
  255. .bumblebee th a:hover {
  256.     color: #FFF;
  257.     }
  258.     
  259. .bumblebee th a:active {
  260.     color: #FFF;
  261.     }
  262.  
  263. .bumblebee th {
  264.     background: #7E91A4;
  265.     color: #FFF;
  266.     }
  267.  
  268. .bumblebee td {
  269.     border-bottom: 1px solid #919699;
  270.     text-align: left;
  271.     vertical-align: top;
  272.     }
  273.  
  274. .bumblebeeblue {
  275.     background: #F0F5F9;
  276.     }
  277.  
  278. .bumblebeewhite {
  279.     background: #FFF;
  280.     }
  281.     
  282. .bumblebee .bumblebeeblue td.sortcolumn {
  283.     background: #DCE5EE;
  284.     }
  285.     
  286. .bumblebee .bumblebeewhite td.sortcolumn {
  287.     background: #F5F5F5;
  288.     }
  289.     
  290. .bumblebee th.sortcolumn {
  291.     background: #334455;
  292.     }
  293.     
  294. .bumblebeetop {
  295.     border-top: 1px solid #919699;
  296.     border-left: 1px solid #919699;
  297.     border-right: 1px solid #919699;
  298.     background: #E2E2E2;
  299.     }
  300.     
  301. .bumblebeetop td{
  302.     padding: 10px;
  303.     }
  304.  
  305. table.bumblebeetop select { width: 230px;}
  306.  
  307. .bumblebeetop td.display { border-left: 1px solid #a1a5a9;}
  308.  
  309. .bumblebeetop .pagenav td {padding: 5px 10px; font-size: 10px; border-top: 1px solid #a1a5a9;}
  310. .bumblebee .pagenav td {padding: 5px 10px; font-size: 10px; background: #E2E2E2;}
  311. .bumblebee .pagenav td.rightcolumn { text-align: right;}
  312.  
  313. td.middle, th.middle {
  314.     vertical-align: middle;
  315.     }
  316.     
  317. td.top, th.top {
  318.     vertical-align: top;
  319.     }
  320.     
  321. td.bottom, th.bottom {
  322.     vertical-align: bottom;
  323.     }
  324.     
  325. td.center, th.center {
  326.     text-align: center;
  327.     }
  328.     
  329. td.right, th.right {
  330.     text-align: right;
  331.     }
  332.     
  333. .smalltable td p {
  334.     font-size: 11px;
  335.     }
  336.  
  337.     
  338. .graybox {
  339.     border-top: 1px solid #919699;
  340.     border-left: 1px solid #919699;
  341.     margin-bottom: 10px;
  342.     }
  343.     
  344. .graybox th {
  345.     padding: 4px 8px 4px 8px;
  346.     background: #E2E2E2;
  347.     font-size: 12px;
  348.     font-weight: bold;
  349.     border-bottom: 1px solid #919699;
  350.     border-right: 1px solid #919699;
  351.     }
  352.     
  353. .graybox td {
  354.     padding: 8px;
  355.     font-size: 12px;
  356.     text-align: left;
  357.     vertical-align: top;
  358.     border-bottom: 1px solid #919699;
  359.     border-right: 1px solid #919699;
  360.     }
  361.     
  362. .graybox table td {
  363.     border: none;
  364.     padding: 0;
  365.     vertical-align: middle;
  366.     }
  367.  
  368. .marketingbox {
  369.     width: 100%;
  370.     border: 1px solid #a1a5a9;
  371.     }
  372.  
  373. .marketingbox th {
  374.     padding: 4px 8px 4px 8px;
  375.     background: #C83808;
  376.     font-size: 12px;
  377.     font-weight: bold;
  378.     color: #FFF;
  379.     }
  380.  
  381. .marketingbox td {
  382.     padding: 8px 8px 0 8px;
  383.     text-align: left;
  384.     vertical-align: top;
  385.     }
  386.     
  387. .documentationtable {
  388.     border: none;
  389.     }
  390.  
  391. .documentationtable td {
  392.     border-bottom: 1px solid #919699;
  393.     text-align: left;
  394.     vertical-align: top;
  395.     padding: 8px 0 5px 0;
  396.     }
  397.     
  398. .documentationtable p {
  399.     margin-bottom: 8px;
  400.     }
  401.     
  402. .documentationtable .bottom{
  403.     border: 0;
  404.     }
  405.         
  406. .businesstable {
  407.     border: none;
  408.     }
  409.  
  410. .businesstable td {
  411.     text-align: left;
  412.     font-size: 10px;
  413.     vertical-align: top;
  414.     padding: 5px 0 10px 0;
  415.     }
  416.     
  417. .documentationtable p {
  418.     font-size: 10px;
  419.     }
  420.  
  421. p.viewall { font-size: 11px; font-weight: bold;}
  422. p.viewlegacytech { font-size: 11px; }
  423.  
  424. table.download {
  425.     border: 1px solid #919699;
  426.     margin-bottom: 10px;
  427.     }
  428.  
  429. table.download th {
  430.     padding: 6px 10px 6px 10px;
  431.     font-size: 10px;
  432.     background: #7E91A4;
  433.     color: #FFF;
  434.     }
  435.  
  436. table.download td {
  437.     font-size: 12px;
  438.     text-align: left;
  439.     vertical-align: top;
  440.     }
  441.  
  442. table.download .title td {
  443.     border-top: 1px solid #919699;
  444.     background: #F0F5F9;
  445.     padding: 6px 10px 6px 10px;
  446.     }
  447.  
  448. table.download .title.sub td{
  449.     border-top: none;
  450.     }
  451.     
  452. table.download .description {
  453.     padding: 10px;
  454.     }
  455.     
  456. table.download .title td.sortcolumn {
  457.     background: #DCE5EE;
  458.     }
  459.     
  460. table.download .description td.sortcolumn {
  461.     background: #F5F5F5;
  462.     }
  463.     
  464. table.download th.sortcolumn {
  465.     background: #334455;
  466.     }
  467.  
  468. table.download th a {
  469.     color: #FFF;
  470.     }
  471.  
  472. table.downloadtop {
  473.     border-top: 1px solid #919699;
  474.     border-left: 1px solid #919699;
  475.     border-right: 1px solid #919699;
  476.     background: #E2E2E2;
  477.     }
  478.     
  479. table.downloadtop td{
  480.     padding: 10px 0px 10px 10px;
  481.     }
  482.  
  483.  
  484. /* rounded corner tables */
  485. .bigboxtop {
  486.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  487.     }
  488.  
  489. .bigboxleft {
  490.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  491.     }
  492.  
  493. .bigboxright {
  494.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  495.     }
  496.  
  497. .bigboxbottom {
  498.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  499.     }
  500.     
  501. .boxtop {
  502.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  503.     }
  504.  
  505. .boxleft {
  506.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  507.     }
  508.  
  509. .boxright {
  510.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  511.     }
  512.  
  513. .boxbottom {
  514.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  515.     }
  516.  
  517.  
  518. /* general classes */
  519. .contentpadding {
  520.     padding: 0 10px;
  521.     }
  522.     
  523. .smalltext {
  524.     font-size: 10px;
  525.     }
  526.     
  527. .blueheader {
  528.     color: #FFF;
  529.     background: #7E91A4;
  530.     padding: 3px 0 3px 7px;
  531.     }
  532.  
  533. .sourcecodebox {
  534.     border: 1px solid #c7cfd5;
  535.     background: #f1f5f9;
  536.     margin: 20px 0;
  537.     padding: 8px;
  538.     text-align: left;
  539.     }
  540.     
  541. .notebox {
  542.     border: 1px solid #a1a5a9;
  543.     background: #f7f7f7;
  544.     margin: 20px 0;
  545.     padding: 8px;
  546.     text-align: left;
  547.     }
  548.     
  549. .importantbox {
  550.     border: 1px solid #111;
  551.     background: #e8e8e8;
  552.     margin: 20px 0;
  553.     padding: 8px;
  554.     text-align: left;
  555.     }
  556.     
  557. .warningbox {
  558.     border: 1px solid #000;
  559.     background: #fff;
  560.     margin: 20px 0;
  561.     padding: 8px;
  562.     text-align: left;
  563.     }
  564.     
  565. .warningbox img.warningicon { 
  566.     float: left; 
  567.     margin-top: 3px;
  568.     }
  569.  
  570. .warningbox p { 
  571.     margin: 0 0 0 30px
  572.     }
  573.  
  574. div.clearer {
  575.     clear: both; 
  576.     display: block; 
  577.     margin: 0; 
  578.     padding: 0; 
  579.     height: 0; 
  580.     line-height: 1px; 
  581.     font-size: 1px;
  582.     }
  583.     
  584. .gray {
  585.     color: #787c7f;
  586.     }
  587.     
  588. #footnote h3, #footnote p {
  589.     color: #76797C;
  590.     font-size: 11px;
  591.     }
  592.  
  593. div.footnote {margin-top: 30px;}
  594.  
  595. .footnote, .footnote li, .footnote p, .footnote h3 {
  596.     font-size: 11px;
  597.     color: #76797C;
  598.     }
  599.     
  600. .editorial {
  601.     font-style: italic;
  602.     margin: 20px 0;
  603.     }
  604.     
  605. .libindex {
  606.     border-bottom: 1px solid #939393;
  607.     padding: 0 3px;
  608.     background-color: #DADADA;
  609.     margin: 0 1px;
  610.     }
  611.  
  612. /* forms */
  613. #forms input {
  614.     vertical-align: middle;
  615.     padding: 0;
  616.     margin: 0 0 5px 0;
  617.     }
  618.  
  619. #forms select {
  620.     vertical-align: middle;
  621.     padding: 0;
  622.     margin: 0 0 3px 0;
  623.     }
  624.  
  625. #forms .widefield, #advsearch .widefield {
  626.     width: 98%;
  627.     margin-bottom: 5px;
  628.     }
  629.  
  630. #forms .halffield {
  631.     width: 50%;
  632.     margin-bottom: 5px;
  633.     }
  634.  
  635. #forms .extraspace {
  636.     padding-bottom: 8px;
  637.     }
  638.  
  639. #forms .quarterfield {
  640.     width: 25%;
  641.     margin-bottom: 5px;
  642.     }
  643.     
  644. #forms .inputbutton, #advsearch .inputbutton {
  645.     margin: 5px 0 10px 0;
  646.     border: 0;
  647.     }
  648.     
  649. #forms .checkbox, #advsearch .checkbox {
  650.     margin: 0 5px 0 0;
  651.     vertical-align: baseline;
  652.     }
  653.     
  654. #forms .radio {
  655.     margin: 0 5px 0 0;
  656.     vertical-align: baseline;
  657.     }
  658.     
  659. #forms textarea {
  660.     margin: 0 0 10px 0;
  661.     width: 100%;
  662.     }
  663.     
  664. #forms p {
  665.     margin-top: 7px;
  666.     }
  667.     
  668. #forms .buttonlists {
  669.     line-height: 20px;
  670.     }
  671.     
  672. #forms .buttondescription {
  673.     line-height: 15px;
  674.     margin: -10px 10px 5px 20px;
  675.     font-size: 10px;
  676.     }
  677.  
  678.  
  679. /* header */
  680. #adcnavheader td {
  681.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  682.     }
  683.  
  684. #adcnavheader input {
  685.     margin: 0 3px 0 0;
  686.     padding: 0;
  687.     }
  688.  
  689. #adcnavheader .textpadding {
  690.     padding-top: 2px;
  691.     vertical-align: middle;
  692.     }
  693.     
  694. #adcnavheader .searchbutton {
  695.     border: 0;
  696.     }
  697.  
  698.  
  699. /* breadcrumb */
  700. #breadcrumb td {
  701.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  702.     }
  703.  
  704. #breadcrumb form {
  705.     margin: 0;
  706.     }
  707.     
  708. #breadcrumb select {
  709.     vertical-align:  middle;
  710.     }
  711.  
  712.  
  713. /* sidebar */
  714. #sidebar h2, .swlsidebar h2 {
  715.     font-size: 12px;
  716.     }
  717.     
  718. #sidebar h3, #sidebar h4, .swlsidebar h3, .swlsidebar h4 {
  719.     font-size: 12px;
  720.     }
  721.     
  722. #sidebar p, #sidebar ol, #sidebar ul, .swlsidebar p, .swlsidebar ol, .swlsidebar ul {
  723.     font-size: 11px;
  724.     }
  725.  
  726. #sidebar ul, .swlsidebar ul {
  727.     margin-left: 16px;
  728.     padding-left: 0;
  729.     }
  730.  
  731. #sidebar li, .swlsidebar li {
  732.     font-size: 11px;
  733.     margin-top: 2px;
  734.     }
  735.     
  736. #sidebar ul.nav, .swlsidebar ul.nav {
  737.     margin: 8px 0 0;
  738.     padding: 0;
  739.     list-style-type: none;
  740.     }
  741.  
  742. #sidebar ul.nav li, .swlsidebar ul.nav li {
  743.     margin-top: 4px;
  744.     padding-left: 0;
  745.     background: none;
  746.     }
  747.  
  748. /* footer */
  749. #footer td, #footer p {
  750.     font-size: 10px;
  751.     }
  752.     
  753. #footer {margin-top: 24px;
  754.     }
  755.     
  756. .footerbreadcrumb {
  757.     font-size: 10px;
  758.     }
  759.  
  760. /* 404 page definitions*/
  761. #notfound h2 {
  762.     font-size: 12px;
  763.     }
  764.     
  765. #notfound h3, #notfound h4 {
  766.     font-size: 12px;
  767.     }
  768.     
  769. #notfound p, #notfound ul {
  770.     font-size: 10px;
  771.     }
  772.  
  773. #notfound ul {
  774.     margin: 0 0 15px 0;
  775.     padding-left: 0;
  776.     list-style-type: none;
  777.     }
  778.  
  779. #notfound ul li {
  780.     font-size: 10px;
  781.     margin: 3px 0 0 0;
  782.     padding-left: 0;
  783.     background: none;
  784.     }
  785.     
  786. #notfound ul ul {
  787.     margin-top: 0;
  788.     margin-left: 16px;
  789.     list-style: square outside;
  790.     }
  791.  
  792. #notfound ul ul li {
  793.     margin-left: 0;
  794.     padding-left: 0;
  795.     }
  796.  
  797. li.sectionbreak {
  798.     margin-bottom: 15px;
  799.     }
  800.  
  801. /* advanced search */
  802. #advsearch h4 {
  803.     margin-bottom: 10px;
  804.     }
  805.     
  806. #advsearch p {
  807.     line-height: 20px;
  808.     }
  809.     
  810. /* contact page */
  811. .iconlinks td {
  812.     font-size: 11px;
  813.     }
  814.     
  815. /* search results */
  816. .boxtop7e91a4 {
  817.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  818.     }
  819.  
  820. .boxtopleft7e91a4 {
  821.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  822.     }
  823.  
  824. .boxtopright7e91a4 {
  825.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  826.     }
  827.  
  828. .boxbottom7e91a4 {
  829.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  830.     }
  831.  
  832. .filesize {
  833.     color: #7F8285;
  834.     }
  835.  
  836. tr.results th, tr.results td {
  837.     font-size: 12px;
  838.     color: #FFF;
  839.     background-color: #7e91a4;
  840.     font-weight: normal;
  841.     }
  842.  
  843. tr.results a {
  844.     color: #FFF;
  845.     font-weight: bold;
  846.     }
  847.     
  848. .oddrow {
  849.     background-color: #ffffff;
  850.     }
  851.     
  852. .evenrow {
  853.     background-color: #f0f5f9;
  854.     }
  855.  
  856. /* software licensing descriptions */
  857. .swlleftrule {
  858.     border-left: 1px solid #A1A5A9;
  859.     padding-left: 10px;
  860.     padding-right: 10px;
  861.     }    
  862.  
  863. .swlsidebar {
  864.     padding-right: 10px;
  865.     }
  866.  
  867. /* narrative */
  868. #narrative blockquote {
  869.     margin: 0 20px 10px 20px;
  870.     color: #3972B8;
  871.     }
  872.  
  873. #narrative .pullquote {
  874.     font-size: 17px;
  875.     color: #FFF;
  876.     padding: 8px;
  877.     background-color: #3972B8;
  878.     border: 1px solid #000;
  879.     }
  880.     
  881. #narrative.color779D90 blockquote {
  882.     color: #779D90;
  883.     }
  884.     
  885. #narrative.color779D90 .pullquote {
  886.     background-color: #779D90;
  887.     }
  888.  
  889. #narrative.color3C6E6E blockquote {
  890.     color: #3C6E6E;
  891.     }
  892.     
  893. #narrative.color3C6E6E .pullquote {
  894.     background-color: #3C6E6E;
  895.     }
  896.  
  897. #narrative.color6D8042 blockquote {
  898.     color: #6D8042;
  899.     }
  900.     
  901. #narrative.color6D8042 .pullquote {
  902.     background-color: #6D8042;
  903.     }
  904.  
  905. #narrative.color3E583D blockquote {
  906.     color: #3E583D;
  907.     }
  908.     
  909. #narrative.color3E583D .pullquote {
  910.     background-color: #3E583D;
  911.     }
  912.  
  913. #narrative.color9AB0C5 blockquote {
  914.     color: #9AB0C5;
  915.     }
  916.     
  917. #narrative.color9AB0C5 .pullquote {
  918.     background-color: #9AB0C5;
  919.     }
  920.  
  921. #narrative.color3972B8 blockquote {
  922.     color: #3972B8;
  923.     }
  924.     
  925. #narrative.color3972B8 .pullquote {
  926.     background-color: #3972B8;
  927.     }
  928.  
  929. #narrative.color3C6C9D blockquote {
  930.     color: #3C6C9D;
  931.     }
  932.     
  933. #narrative.color3C6C9D .pullquote {
  934.     background-color: #3C6C9D;
  935.     }
  936.  
  937. #narrative.color7A6B94 blockquote {
  938.     color: #7A6B94;
  939.     }
  940.     
  941. #narrative.color7A6B94 .pullquote {
  942.     background-color: #7A6B94;
  943.     }
  944.     
  945. #narrative.color50395C blockquote {
  946.     color: #50395C;
  947.     }
  948.     
  949. #narrative.color50395C .pullquote {
  950.     background-color: #50395C;
  951.     }
  952.     
  953. #narrative.color812A28 blockquote {
  954.     color: #812A28;
  955.     }
  956.     
  957. #narrative.color812A28 .pullquote {
  958.     background-color: #812A28;
  959.     }
  960.  
  961.     
  962.     
  963. /* source code */
  964. #scdetails p {
  965.     line-height: 17px;
  966.     }
  967.     
  968. #scdetails select {
  969.     vertical-align: middle;
  970.     padding: 0;
  971.     margin: 0;
  972.     }
  973.     
  974. #scdetails input {
  975.     vertical-align: middle;
  976.     padding: 0;
  977.     margin: 0;
  978.     }
  979.  
  980. /* Technology Pages */
  981.     
  982. #techstart {
  983.     float: right;
  984.     width: 125px;
  985.     font-size: 10px;
  986.     line-height: 15px;
  987.     padding: 8px 10px 10px;
  988.     margin: 0 10px 5px 10px;
  989.     border: 1px solid #a1a5a9;
  990.     background-color: #f1f1f1;
  991.     }
  992.     
  993. #techstart h3 {
  994.     font-size: 12px;
  995.     margin-bottom: 3px;
  996.     }
  997.     
  998. #techlist {
  999.     font-size: 11px;
  1000.     margin: 0 0 15px;
  1001.     }
  1002.     
  1003. #techlist h2 {
  1004.     position: relative;
  1005.     font-size: 12px;
  1006.     padding: 0 0 9px 35px;
  1007.     margin: 20px 0 5px;
  1008.     background: url(/images/bg_tech_h2.gif) repeat-x bottom left;
  1009.     }
  1010.     
  1011. #techlist h2 img {
  1012.     position: absolute;
  1013.     left: 0;
  1014.     bottom: 1%;
  1015.     }
  1016.  
  1017.     /* hack for various IEs \*/
  1018.     #techlist img {
  1019.         bottom: 0;
  1020.         }
  1021.     
  1022.     * html #techlist h2 {
  1023.         height: 100%;
  1024.         }
  1025.     /* end hack */
  1026.  
  1027.     
  1028. #techlist p, #techlist h3, #techlist li {
  1029.     font-size: 11px;
  1030.     }
  1031.     
  1032. #techlist ul.inlinebottom { padding-bottom: 0;}
  1033.     
  1034. #techlist h4 {
  1035.     font-weight: bold;
  1036.     color: #000;
  1037.     font-size: 11px;
  1038.     }
  1039.     
  1040. #techchild h2 {
  1041.     padding-bottom: 5px;
  1042.     border-bottom: 1px solid #a1a5a9;
  1043.     margin-bottom: 10px;
  1044.     }    
  1045.  
  1046. #techchild h3 {
  1047.     font-weight: normal;
  1048.     }
  1049.         
  1050. .sidebartable {
  1051.     border: 1px solid #a1a5a9;
  1052.     margin-bottom: 10px;
  1053.     }
  1054.     
  1055. .sidebartable th {
  1056.     padding: 4px 8px 4px 10px;
  1057.     background: #DBDBDB;
  1058.     font-size: 12px;
  1059.     font-weight: bold;
  1060.     border-bottom: 1px solid #a1a5a9;
  1061.     }
  1062.     
  1063. .sidebartable td {
  1064.     padding: 0 10px 10px;
  1065.     font-size: 11px;
  1066.     text-align: left;
  1067.     vertical-align: top;
  1068.     }
  1069.     
  1070. .sidebartable h2, .sidebartable p, .sidebartable ul {
  1071.     margin: 10px 0 2px;
  1072.     padding: 0;
  1073.     }
  1074.     
  1075. .sidebartable table td {
  1076.     border: none;
  1077.     padding: 0;
  1078.     vertical-align: middle;
  1079.     }
  1080.     
  1081. h3.nolist { margin-bottom: 5px;}
  1082.  
  1083. /* Translation Footer */
  1084. #trfooter {border-top: 1px solid #a1a5a9; margin: 28px auto -22px; width: 680px; padding-top: 5px;}
  1085. #trfooter h3{
  1086.     display: inline; vertical-align: top;}
  1087.  
  1088. #trfooter ul {
  1089.     display: inline; list-style: none outside; margin: 0; padding: 0;
  1090.     }
  1091.     
  1092. #trfooter li { display: inline; padding: 0 5px;}
  1093.     
  1094.     
  1095.